<script setup lang="ts">
import { ref } from 'vue'

const flag = ref(false)
// Message({type: 'success', text: 'ok'})
</script>

<template>
  <div>
    <!-- 直接使用组件标签虽然可以实现消息提示的效果, 但是不会这么做, 会通过函数的方式来做
    这个结果我们不写, 我们的目的 Message({type: 'success', text: 'ok'})
    -->
    <button @click="flag = !flag">登录</button>
    <XtxMessage type="error" v-if="flag">登录失败</XtxMessage>
  </div>
</template>



<style scoped>
</style>